<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>CSS3个人博客菜单动画DEMO演示</title>

  <link rel="stylesheet" href="css/normalize.css">

    <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

</head>

<body>

  <div id="wrapper">

	<header>
		<div id="heading">
			<h1 title="Website Logo">Personal Website.</h1>
      <p><span class="bold">Simplicity</span> is bold.</p>
		</div> <!-- end headings -->
			<div class="search-box">

			</div><!-- end search-box -->

	</header>

 <nav>
        <ul>
          <li>
            <a href="#" data-caption="Home">Home</a></a>
          </li> 
          <li>
            <a href="#" class="active" data-caption="About">About</a>
          </li> 
          <li>      
            <a href="#" data-caption="Images">Images</a>
          </li> 
		  <li>      
            <a href="#" data-caption="Videos">Videos</a>
          </li> 
		  <li>      
            <a href="#" data-caption="Contact">Contact</a>
          </li> 
        </ul>
      </nav>
	<div class="clear"></div>

	<div id="main-content">


	</div><!-- end main content -->

	<footer>

	</footer>

</div><!-- end wrapper -->

</body>

</html>